<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" content="width=device-width" />

  <title>Epic</title>
  
  <!-- Included CSS Files (Uncompressed) -->
  <!--
  <link rel="stylesheet" href="stylesheets/foundation.css">
  -->
  
  <!-- Included CSS Files (Compressed) -->
  <link rel="stylesheet" href="stylesheets/foundation.min.css">
  <link rel="stylesheet" href="stylesheets/main.css">
  <link rel="stylesheet" href="stylesheets/app.css">

  <script src="javascripts/modernizr.foundation.js"></script>
  
  <!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />

  <!-- IE Fix for HTML5 Tags -->
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

</head>
<body>

  <div class="row page_wrap">
    <!-- page wrap -->
    <div class="twelve columns">
      <!-- page wrap -->

      <div class="row">
        <div class="twelve columns header_nav">
        
        <div class="twelve columns">
            <ul id="menu-header" class="nav-bar horizontal">
            
             <li><a href="index.html"><img src="images/logo.png" alt="desc" style="border:none" /></a></li>


              <li class="has-flyout">
                <a href="#">Example Pages</a><a href="#" class="flyout-toggle"></a>

                <ul class="flyout">
                
                <li class="has-flyout"><a href="index.html">Homepage</a></li>
                
                  <li class="has-flyout"><a href="blog.html">Blog</a></li>
                  
                  <li class="has-flyout"><a href="blog_single.html">Blog Single Page</a></li>
                  
                  <li class="has-flyout"><a href="products-page.html">Products Page</a></li>

                  <li class="has-flyout"><a href="product-single.html">Product Single</a></li>
                  
                  <li class="has-flyout"><a href="pricing-table.html">Pricing Table</a></li>

                  <li class="has-flyout"><a href="contact.html">Contact Page</a></li>

                </ul>
              </li>

              <li class=""><a href="galleries.html">Boxed Gallery</a></li>
              
              <li class=""><a href="portfolio.html">Portfolio Gallery</a></li>
              
              <li class=""><a href="pinterest-style.html">Pinterest Gallery</a></li>

            </ul><script type="text/javascript">
           //<![CDATA[
           $('ul#menu-header').nav-bar();
            //]]>
            </script>
            
            </div>
            
          </div>

          
        </div><!-- END Header -->
        
                      
       <div class="row hide-for-small">
      
        <div class="twelve columns">
           <div class="heading_dots"><h1 class="heading_supersize"><span class="heading_center_bg">Single Post</span></h1></div>
         </div>
         
      </div><!-- end row -->
        

      <div class="row">
        <div class="twelve columns">
        
        <div class="blog_post"><!-- Begin Blog Post --> 

              <img src="images/demo3.jpg" alt="desc" style="width:100%" />
               
              <p><em>20th oct 2012 | Posted by: <a href="#">Admin</a> | <a href="#">5 Comments</a></em></p>
              
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor erat, hendrerit at auctor vitae, gravida id diam. Maecenas eget augue velit. Phasellus congue vestibulum turpis, et elementum nulla fringilla vel. Proin ac ante massa. Ut at ligula erat, ornare dapibus quam. Suspendisse eget felis vel erat accumsan elementum ac ac libero. Mauris bibendum quam euismod nibh pellentesque tincidunt. Maecenas luctus magna ut turpis varius scelerisque pulvinar mauris fringilla. In ornare, erat et posuere ultrices, velit leo sodales ante, vitae tincidunt arcu dolor sodales velit. Ut nec elit tortor, eget blandit erat. Proin hendrerit neque sit amet ante dapibus ac viverra tortor semper. </p>

        </div><!-- END blog post -->

  </div><!-- END row blog -->
        

      </div>

      <div class="row">
        <div class="twelve columns">
          <ul id="menu3" class="footer_menu horizontal">
            <li class=""><a href="index.html">Home</a></li>
          </ul><script type="text/javascript">
//<![CDATA[
            $('ul#menu3').nav-bar();
          //]]>
          </script>
        </div>
      </div>
      
      </div><!-- end page wrap) -->
    </div><!-- end page wrap) -->
    
    <!-- Included JS Files (Compressed) -->
    <script src="javascripts/foundation.min.js" type="text/javascript">
</script> <!-- Initialize JS Plugins -->
     <script src="javascripts/app.js" type="text/javascript">
</script>
  
</body>
</html>